<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/css/register.css" />
		<script src="${pageContext.request.contextPath }/resources/js/jquery.min.js" type="text/javascript"charset="utf-8"></script>
		<script src="${pageContext.request.contextPath }/resources/js/register.js" type="text/javascript" charset="utf-8"></script>
	</head>
<body>
<%@ include file="ul.jsp"%>
		<!-- 注册表单 -->
		<div id="loginDiv">
		    <form id="register" action="${pageContext.request.contextPath}/users/register.do" method="post">
		        <h1>注册</h1>
		        <p>用&nbsp;&nbsp;户&nbsp;&nbsp;名:
		        <input id="username" name="username" type="text" autofocus required onblur="checkUsername()" />
		        <span id="uname"></span>
		        </p>

		        <p>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:
		        <input id="password" name="password" type="password" required onblur="checkPassword()" />
		        <span id="uword"></span>
		        </p>
		
		        <p>确认密码:
		        <input id="repassword" name="repassword" type="password" required onblur="nextcheckPassWord()" />
		        <span id="uword1"></span>
		        </p>
		        
		        <p>电子邮箱:
		        <input id="email" name="email" type="text" required onblur="checkEmail()"  />
				<span id="Temail"></span>
				</p>
		
				<p>用户角色:<select id="role" name="role">
					<option>用户</option>
					<option>记分员</option>
					<option>管理员</option>
				</select></p>
				
		        <p style="text-align: center;">
		            <input  type="submit" class="button" value="注册">
		            <input type="reset" class="button" value="重置">
		        </p>
		    </form>
		</div>
</body>
</html>